
import React from 'react';
import { memo } from 'react';
import { Result, Button } from 'antd'
import { useHistory } from 'react-router';
import { RollbackOutlined } from '@ant-design/icons'

const NotFound = () => {
  const history = useHistory()
  return < >
    <Result
      status="404"
      title="404"
      subTitle="抱歉，您访问的网页不存在"
      extra={<Button type="primary"
        icon={<RollbackOutlined />}
        onClick={() => history.push('/')}>回到首页</Button>}
    />
  </>
}
export default memo(NotFound)